@import "normalize";
@import "init";
@import "header";



.lineHeig(@height:45px) {
		height: @height;
		line-height: @height;
	}

/*商品路径导航条*/

#roadBar {
	background: #f0f0f0;
}
#roadBarBox {
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 10px;
	a {
		color: #A1A1A0;
		font-size: 12px;
	}
	em {
		color: #A1A1A0;
		font-size: 12px;
	}
}


/*商品路径导航条*/

/*商品购买选项*/
	/*上*/
#itemS {
	margin: 40px 0 0;
}
.itemSBoxL {
	.itemImgBg {
		width: 400px;
		height: 400px;
		overflow: hidden;
		background: #F2F2F2;
		margin: 0 0 10px 0;
		img {
			width: 100%;
			height: 100%;
		}
	}
	.itemImgsSm {
		@width: 400px;
		width: @width;
		height: 58px;
		overflow: hidden;
		ul {
			width: @width + 11px;
			width: ;
			li {
				width: 58px;
				height: 58px;
				background: #f4f4f4;
				float: left;
				margin: 0 10px 0 0 ;
			}
		}
	}
	#itemOparBox {
		margin: 32px 0 0;
		a {
			display: inline-block;
			height: 33px;
			line-height: 33px;
			border-radius: 17px;
			border: 1px solid #E5E5E5;
			padding: 0 15px 0 34px;
			&.itemSc {
				background: url(../../images/sc.png) 14px center no-repeat;
			}
			&.itemDown {
				background: url(../../images/downdata.png) 14px center no-repeat;
				margin: 0 0 0 5px;
			}
			&.itemShare {
				border: 0;
				width: 35px;
				height: 35px;
				padding: 0;
				background: url(../../images/share.png) left center no-repeat;
				margin: 0 0 0 15px;
			}
		}
	}
}
	/*中*/
	
	.itemSBoxM {
		width: 578px;
		
		.itemSBoxMWrap {
			padding: 0 13px 0 40px;
			.itemST {
				width: 85px;
				font-size: 12px;
				color: #747474;
				.lineHeig();
			}
			.itemSP {
				color: darken(#4D4D4D, 20%);
				font-size: 12px;
			}
			.itemSP {
				width: 110px;
				display: inline-block;
			}
			
			h2 {
				font-size: 23px;
				margin: 0;
				letter-spacing: 1px;
				width: 430px;
			}
			.itemSelWays {
				border-bottom: 1px solid #FFDCD8;
				margin: 22px 0;
				li {
					float: left;
					color: darken(#A6A9B0, 10%);
					background: #fff;
					height: 27px;
					line-height: 27px;
					padding: 0 25px;
					font-size: 15px;
					&.active {
						background: #FFDCD8;
						color: lighten(#ED2A0B, 5%);
						font-weight: bold;

					}
				}
			}
			.itemPriceP {
				/* height: 45px;
				line-height: 45px;*/
				.itemPricePC { 
					.lineHeig();
					span {
						display: inline-block;
						width: 120px;
						font-size: 21px;
						color: #FF704E;
						font-weight: bold;
					}
				}
			}
			.itemAmou {
				/* height: 45px;
				line-height: 45px; */
				.itemAmouC {
					color: #B8B8B8;
					font-size: 13px;
					.lineHeig();
					span{
						display: inline-block;
						width: 120px;
					}
				}	
			}
			.itemcolor {
				.itemcolorC{
					margin: 6px 0 0;
					a{
						display: inline-block;
						width: 28px;
						height: 28px;
						border: 1px solid #e5e5e5;
						margin: 0 30px 0 0;
						span {
							display: inline-block;
							width: 100%;
							height: 100%;
						}
					}
					& .color1 {
						background: #F8E71C;
					}
					& .color2 {
						background: #50E3C2;
					}
					& .color3 {
						background: #4A4A4A;
					}
				}
				
			}
			.itemSize {
				margin: 10px 0 0;
				.itemSizeBox {
					height: 38px;
				}
				span {
					display: inline-block;
				}
				input {
					width: 69px;
					padding: 7px 3px 7px 3px;
					height: 12px;
					font-size: 12px;
					border: 1px solid #979797;
					margin: 0 0 0 22px;
				}
			}
			.itemSBtn {
				.itemST2 {
					width: 70px;
					height: 45px;
				}
				a {
					display: inline-block;
					width: 190px;
					height: 48px;
					line-height: 48px;
					text-align: center;
					border-radius: 24px;
					margin: 23px 17px 0 0;
					&.atscBtn {
						background: #ED2A0B;
						border: 1px solid #fff;
						color: #fff;

					}
					&.prBtn {
						background: #fff;
						border: 1px solid #ED2A0B;
						color: #ED2A0B;
					}
				}
				
			}
			.itemServBox {
				margin: 35px 0 0;
				span {
					display: inline-block;
					margin: 12px 0;
					font-size: 11px;
					color: #606060;
					padding: 1px 15px 0 22px;
					&.czbz{background: url(../../images/czbz.png) left center no-repeat;}
					&.bh15d{background: url(../../images/bh15d.png) left center no-repeat;}
					&.fh48{background: url(../../images/fh48.png) left center no-repeat;}
					&.mjbz{background: url(../../images/mjbz.png) left center no-repeat;}
				}
			}
		}
		
	}
	/*右*/
	.itemSBoxR {
		width: 220px;
		height: 548px;
		background: #F7F9FC;
		/*padding: 0 32px 0 20px;*/
	}
	#itemSSeller {
		.kuBox {
			margin: 22px 0x;
		}
		.sellerPhoP {
			margin: 4px 0 0;
		}
		.sellerPho {
			width: 60px;
			height: 60px;
			overflow: hidden;
			margin: 25px 0 0;
		}
		.sellerName {
			margin: 0px 0 0;
			h3 {font-size: 16px;margin: 35px 0 0;}
			p {
				font-size: 12px;
				margin: 5px auto auto;
				span {
					color: #FF5A33;
				}
			}
		}
		.sjxx {
			border-top: 1px solid #E5E5E5;
			margin: 30px 0 0;
			p {
				width: 80px;
				height: 20px;
				height: 20px;
				text-align: center;
				font-size: 12px;
				color: #ABAEB6;
				margin: -10px 0 0 76px;
				background: #F7F9FC;
			}
		}
		.sellerInfo {
			font-size: 13px;
			color: #686869;
			margin: 21px 0 11px;
			span {
				display: inline-block;
				margin: 2px 0;
			}
			.line {height: 18px;}
		}
		.sellerIcons {
			margin: 10px 0 10px;
			span {
				display: inline-block;
				font-size: 5px;
				width: 16px;
				height: 16px;
				line-height: 14px;
				color: white;
				line-height: 14px;
				
				&.hao {
					width: 61px;
					height: 14px;
					border: 1px solid #9013FE;
					color: #9013FE;

					i {
						display: inline-block;
						width: 14px;
						/*.lineHeig(14px);*/
						height: 14px;
						line-height: 14px;
						background: #9013FE;
						color: #fff;
						font-style: normal;
						margin: 0 6px 0 0;
					}
				}
				&.fifteen {
					background: #E16ADB;
					text-align: center;
				}
				&.quick {
					background: #A8C218;
					text-align: center;
				}
				&.guar {
					background: #50E3C2;
					text-align: center;
				}
			}
		}
		.sellerTel {
			margin: 21px 0 0;
			text-align: center;
			border-radius: 16px;
			display: inline-block;
		}
		.QQ {
			width: 72px;
			.lineHeig(32px);
			background: #9ED6FF;
			color: #4A90E2;
		}
		.WW {
			width: 72px;
			.lineHeig(32px);
			background: #FF9A47;
			color: #FF470D;
		}

		.kf {
			font-size: 12px;
			a.kf1 {
				text-align: left;
				width: 65px;
				.lineHeig(26px);
				background: #9ED6FF;
				color: #4A90E2;
				padding:  0 0 0 37px;
				background: #9ED6FF url(../../images/QQkf.png) 12px center no-repeat;
			}
			span {
				color: #9598A0;
				display: inline-block;
				margin: 0 20px 0 0;
			}
		}
		.pad {
			padding: 0 32px 0 20px;
		}
		

	}


/*商品购买选项*/

/*查看更多数据*/
#viewMData {
	margin: 32px 0 60px;
}
#viewMDBox {
	background: #F7F9FC;
	height: 130px;

	ul {
		height: 100%;
		color: #aaa;
		padding: 0;
	}
}

/*查看更多数据*/

/*商家推荐商品*/
#recom {
	background: #F7F9FC;
}
#recomBox {
	position: relative;
	height: 364px;
	ul {
		width: 1220px;
		position: absolute;
		top: -20px;
		left: 0;
		li {
			width: 224px;
			float: left;
			margin: 0 20px 0 0;
			p {margin: 0;}
			img {
				width: 224px;
				height: 224px;
			}
			.hotestBkItemInfo {
				a {
					span {
						padding: 0 40px;
				    	display: inline-block;
					}
				    
				}
				.hotestBkItemCountsP {
				    height: 38px;
				    line-height: 38px;
				    text-align: center;
				    .hotestBkItemCounts {
					    color: #EF391C;
					    font-size: 12px;
					    text-align: center;
					}
				}
					.hotestBkItemTitle {
					    color: #A2A5AC;
					    font-size: 11px;
					    /*padding: 35px;*/
					    text-align: center;
					    display: inline-block;
					}
					.hotestBkItemPrice {
					    color: #ED2A0B;
					    font-size: 20px;
					    text-align: center;
					    width: 100%;
					    display: inline-block;
					    span {
						    font-size: 12px;
						    height: 41px;
						    line-height: 41px;
						}
					}
				
			}
		}
	}
}

/*商家推荐商品*/


/*<!-- 产品分类，详情，评价... -->*/
	#detail {
				background: #F7F9FC;
				padding: 20px 0 0;
			}
	#detailBox {
		.detailL {
			width: 225px;
			.detailLT {
				background: #fff;
				p{
				background: #FFD3D3;
				height: 47px;
				line-height: 47px;
				padding: 0 0 0 20px;
				color: #FF3C0D;
				font-weight: bold;
				font-size: 15px;
				margin: 0 0 11px 0;
				}
				ul {
					padding: 0 20px 19px 20px;
					li {
						list-style-image: url(../../images/list-style.png);
						dt {
							padding: 11px 0;
							border-bottom: 1px solid #E5E5E5;

						}
						dd {
							.lineHeig(35px);
							color: #A3A5AD;
							font-size: 13px;
						}
					}

				}
			}

			.detailLB {
				background: #fff;
				padding: 0 28px;
				margin: 16px 0 0;
				.phTab {
					.lineHeig(67px);
					padding: ;
					a {
						display: inline-block;
						color: #FF521B;
						font-size: 15px;
						font-weight: bold;
					}
				}
				.phTabCon {
					.phBycounts {
						li {
							width: 165px;
							height: 165px;
							background: #D8D8D8;
							color: darken(#D8D8D8, 50%);
							margin: 0 0 13px 0;
						}
					}
				}
			}
		}
		
		.detailR {
			background: #fff;
			margin: 0 0 0 34px;
			padding: 0 0 45px 0;
			.detailTab {
				ul {
					li {
						width: 235px;
						.lineHeig(47px);
						float: left;
						background: #E5E5E5;
						color: #4A4A4A;
						text-align: center;
						&.active {
							background: #FF3C0D;
							color: #fff;
						}
					}
				}
			}
			.detailTabCon {
				padding: 0 38px 0;
				.goodInfo{
						width: 700px;
						border-bottom: 1px solid #f4f4f4;
						padding: 75px 10px 15px 20px;
						margin: 0 0 58px 0;
						li {
							width: 210px;
							line-height: 24px;
							font-size: 13px;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							float: left;
							margin: 0 10px 0 0;
						}
				}
				
				.GoodImgs {
						ul {
							li {
								width: 863px;
								height: 325px;
								overflow: hidden;
								background: #D8D8D8;
								margin: 0 0 25px 0;
							}
						}
					}
			}
		}
	}

/*<!-- 产品分类，详情，评价... -->*/
